@charset "utf-8";

/*全局*/
body{
	font-family:Helvetica,Arial,"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",SimSun,"宋体",sans-serif;
	font-size:62.5%;
	color: #a1a1a1;
}

a:link,a:visited,a:hover,a:active{
	text-decoration: none;
	color: #fff;
}
a:hover{
	/*color: #fff;*/
}



.w_wrap{
	width: 100%;
    /*padding:0 5%;*/
    margin: 0 auto;
}

.w{
	width: 90%;
    padding:0 5%;
    margin: 0 auto;
    display: block;
}


.unfold{
/*	padding: 40px 20px;
	margin: 0 auto -281px auto;
	height: 100%;
	overflow: hidden;
*/
	min-height: 220px;
	padding: 0 20px 0 20px;
	margin: 0 auto -281px auto;
	height: 100%;
	overflow: hidden;
}




/* herad */
.header{

}



/* 页脚 */
.footer{ border-top: 1px solid #8f8f8f; }

/* 版权 */
.copy{ }
.copy p{ font-size: 1.4em; line-height: 1.8em; text-align: center; padding: 0 10%; }
.copy .phone{ display: block; font-size: 2em; line-height: 2em; color: #e89d32; text-align: center; padding: 0 0 30px 0; }


/* 导航 */
.nav{ background: #7355ab; }
.nav .ul{ }
.nav .ul .list{ position: relative; height: 58px; width: 33.3333333333%; display:block; text-align: center; float: left; }
.nav .ul .list .link,
.nav .ul .list .nav_sub .sub_link{ display: block; height: 58px; line-height: 58px; color: #444242; font-size: 1.6em; background: #fafafa; }
.nav .ul .list .link .title{ }
.nav .ul .list .link .icon{ display: inline-block; padding: 0 2px; }
.nav .ul .list .nav_sub{ position: absolute; width: 100%; display: none; z-index: 4; }
.nav .ul .list .nav_sub .sub_link{ }
.nav .ul .list:hover{ }
.nav .ul .list:hover .link{ background: #fafafa; }
.nav .ul .list:hover .link .icon{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.nav .ul .list:hover .nav_sub,
.nav .ul .list:active .nav_sub{ display: block; }
.nav .ul .list .nav_sub .sub_link:hover{ background: #694da7; }


/* 导航 底部 */
.nav_bottom{ overflow: hidden; }
.nav_bottom .link{ display: block; float: left; width: 33.3333333333%; text-align: center; font-size: 1.6em; line-height: 60px; color: #a1a1a1; }
.nav_bottom .link .icon{ display: inline-block; +display: inline; +zoom: 1; padding: 0 2px 0 0; }
.nav_bottom .link:hover{ color: #415b6f; }



/* 通用模块 */

/* 广告 */
.mod_ad{ }
.mod_ad .img{ max-width: 100%; min-width: 100%; }

/* 产品列表模块 */
.mod_product{ overflow: hidden; }
.mod_product .list{ width: 41%; margin: 0 0 15px 6%; float: left; }
.mod_product .list .link{ display: block; color: #444242; position: relative; }
.mod_product .list .link:nth-child(2n+1){ margin: 0; }
.mod_product .list .link .img{ display: block; max-width: 100%; min-width: 100%; }
.mod_product .list .link .sub_title{ font-size: 1.4em; line-height: 1.4em; text-align: center; }
.mod_product .list .link .price{ color: #000; text-align: center; font-size: 1.6em; line-height: 2em; height: 20px; }
.mod_product .list:nth-child(1) .link .sign{ position: absolute; top: 0; left: 0; display: block; background: rgb(254, 204, 62); opacity: 0.6;  color: #444242; padding: 8%; font-size: 1.4em; line-height: 200%; text-align: center; }
.mod_product .list .link .sign{ position: absolute; top: 0; left: 0; display: none; background: #fff;  color: #444242; padding: 8%; font-size: 1.4em; line-height: 200%; text-align: center; }
.mod_product .list .link .none{ display: none; }
.mod_product .list:hover .link{ color: #694da7; }
.mod_product .list:hover .link .sign{ background: rgba(115,85,171,.9); }


/* 产品列表 2 */
.mod_product2{ }
.mod_product2 .list{ padding:20px 0; border-bottom:1px solid #cccccc; }
.mod_product2 .list .link{ display: block; color: #a1a1a1; overflow: hidden; }
.mod_product2 .list .img_warp{ float: left; width: 38.2%; }
.mod_product2 .list .img_warp .img{ display: block; max-width: 100%; width: 100%; overflow: hidden; }
.mod_product2 .list .txt_wrap{ position: relative; float: right; width: 56%; padding: 0 4% 0 1.8%; }
.mod_product2 .list .txt_wrap .title{ color: #7355ab; font-size: 2em; }
.mod_product2 .list .txt_wrap .ranking{ font-size: 1.4em; line-height: 2em; color: #a1a1a1; }
.mod_product2 .list .txt_wrap .info{ padding: 4px 0; font-size: 1.6em; line-height: 1.8em; word-wrap:break-word; }
.mod_product2 .list .txt_wrap .price{ font-size: 2em; line-height: 1.2em; color: #971012; }
.mod_product2 .list:hover .img_warp .img{ transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -moz-transform:scale(1.04); }


/* 产品列表 挑选列表 */
.mod_product_selectlists{ }
.mod_product_selectlists .list{ padding:20px 0; border-bottom:1px solid #cccccc; }
.mod_product_selectlists .list .link{ display: block; color: #a1a1a1; overflow: hidden; }
.mod_product_selectlists .list .img_warp{ float: left; width: 38.2%; }
.mod_product_selectlists .list .img_warp .img{ display: block; max-width: 100%; width: 100%; overflow: hidden; }
.mod_product_selectlists .list .txt_wrap{ position: relative; float: right; width: 56%; padding: 0 4% 0 1.8%; }
.mod_product_selectlists .list .txt_wrap .title{ color: #7355ab; font-size: 2em; }
.mod_product_selectlists .list .txt_wrap .txt{ font-size: 1.6em; line-height: 1.8em; }
.mod_product_selectlists .list .txt_wrap .txt .txt_title{ font-size: 1.6em; padding: 0 10px 0 0; }
.mod_product_selectlists .list .txt_wrap .price{ font-size: 2em; color: #971012; }
.mod_product_selectlists .list .txt_wrap .price .txt_title{ font-size: 0.8em; color: #a1a1a1; }
.mod_product_selectlists .list .txt_wrap .original_price{ font-size: 1em; text-decoration: line-through; }
.mod_product_selectlists .list .txt_wrap .original_price .txt_title{ display: inline-block; font-size: 1em; }
.mod_product_selectlists .list .txt_wrap .parameter{ font-size: 1.4em; line-height: 1.8em; margin: 8px 0; }
.mod_product_selectlists .list .txt_wrap .parameter .p_list{ }
.mod_product_selectlists .list:hover .img_warp .img{ transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -moz-transform:scale(1.04); }


/* 产品详细 */
.mod_product_detail{ }
.mod_product_detail .info{ padding: 20px 0; overflow: hidden; }
.mod_product_detail .info .img_warp{ float: left; width: 38.2%; }
.mod_product_detail .info .img_warp .img{ display: block; max-width: 100%; width: 100%; overflow: hidden; }
.mod_product_detail .info .txt_wrap{ position: relative; float: right; width: 56%; padding: 0 4% 0 1.8%; }
.mod_product_detail .info .txt_wrap .title{/* padding: 0 0 20px 0;*/ font-size: 1.8em; line-height: 1em; color:#444242; }
.mod_product_detail .info .txt_wrap .txt{ position: relative; font-size: 1.6em; line-height: 1.8em; padding: 1% 0 1% 80px; }
.mod_product_detail .info .txt_wrap .txt .txt_title{ position: absolute; display: block; left: 0; text-align: right; width: 60px; }
.mod_product_detail .info .txt_wrap .price{ color: #971012; font-size: 2.4em; line-height: 1.4em; }
.mod_product_detail .info .txt_wrap .price .txt_title{ color: #a1a1a1; font-size: 0.65em; }
.mod_product_detail .info .txt_wrap .original_price{ text-decoration: line-through; }
.mod_product_detail .info .txt_wrap .integral{ }
.mod_product_detail .info .txt_wrap .freight{ }
.mod_product_detail .info .btn_wrap{ width: 100%; clear: both; padding: 40px 0; overflow: hidden; }
.mod_product_detail .info .btn_wrap .mod_btn{ width: 45%; margin: 0 2%; float: left; padding: 14px 0; }

.mod_product_detail .detail{}
.mod_product_detail .detail .sub_title{ background:#f2e7e1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b184d1', endColorstr='#7355ab',GradientType=0); height: 40px; padding: 0 20px; line-height: 40px; color: #444242; font-size: 2.0em; }
.mod_product_detail .detail .list_wrap{ }
.mod_product_detail .detail .list_wrap .list_title,
.mod_product_detail .detail .list_wrap .parameter{ padding: 10px 20px; }
.mod_product_detail .detail .list_wrap .list_title{ font-size: 1.6em; color: #444242; padding: 20px 20px; background: #f7f7f7; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; }
.mod_product_detail .detail .list_wrap .parameter{ }
.mod_product_detail .detail .list_wrap .parameter .list{ font-size: 1.6em; position: relative; padding: 0 0 0 120px; line-height: 1.8em; }
.mod_product_detail .detail .list_wrap .parameter .list .txt_title{ position: absolute; width: 110px; text-align: right; display: block; left: 0; }


/* 筛选列表 */
.mod_screen_condition{ text-align: center; }
.mod_screen_condition .screen_condition_list{ font-size: 1.8em; line-height: 2em; position: relative; margin: 10px 0; }
.mod_screen_condition .screen_condition_list .condition{ width: 35%; }
.mod_screen_condition .screen_condition_list .title{ text-align: right; width: 30%; left: 0; color: #000; display: inline-block; position: absolute; }


/* 筛选列表2 */
.mod_screen_condition2{ border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #a1a1a1; margin: 10px; padding: 10px; overflow: hidden; display: block; }
.mod_screen_condition2 .title{ font-size: 1.8em; line-height: 1em; color: #8f8f8f; }
.mod_screen_condition2 .title .icon{ display: inline-block; float: right; }
.mod_screen_condition2 .condition{ display: block; height: 0px; margin: 0 0 0 2em; padding: 0px 0 0 0; font-size: 1.4em; }
.mod_screen_condition2 .condition .link{ display: inline-block; width: 32%; padding: 10px 0; color: #a1a1a1; }
.mod_screen_condition2:hover,
.mod_screen_condition2:active{ /*border: 1px solid #7355ab;*/ outline: none; }
/*.mod_screen_condition2:hover .title{ color: #7355ab; }*/
.mod_screen_condition2:hover .title .icon,
.mod_screen_condition2:active .title .icon{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


/* 进度 */
.mod_schedule{
	overflow: hidden;
}
.mod_schedule .schedule_list{
	float: left;
	width: 33.333333%;
	height:37px;
	background-color: #cccccc;
	font-size: 1.4em;
	line-height: 37px;
	text-align: center;
	color: #8f8f8f;
}

.mod_schedule .schedule_list span{

}
.mod_schedule .schedule_list .txt,
.mod_schedule .schedule_list .done{
	background: url(../images/default_img.png) no-repeat;
	background-position: 0 -5000px;
}


.mod_schedule .schedule_list .txt{
	display: block;
	padding: 0 28px 0 0;
	background-position: right -72px;
}

/* 当前状态 */
.mod_schedule .current{
	background-color: #694da7;
	color: #fff;
}

/* 完成状态 */
.mod_schedule .done .txt{
	background-position: right -109px;
}


/* 按钮61.8% */
.btn618{ padding: 40px 0; margin: 0 auto; text-align: center; }
.btn618 .mod_btn{ width: 61.8%; }




/* 登陆 */



/* 表单 */
.mod_form{ padding: 10px 2%; }
.mod_form .form_wrap{ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 10px 2%; }
.mod_form dt{ font-size: 1.6em; line-height: 2em; color: #8f8f8f; }
.mod_form dd{ margin: 0px 0 2px 0; }
.mod_form input,
.mod_form select,
.mod_form textarea{ width: 94%; padding: 6px 3%; margin: 0 auto 10px auto; border: none; border: 1px solid #cccccc; font-size: 1.8em; color: #a1a1a1; outline: none; }
/*.mod_form select,
.mod_form textarea{width: 94%;padding: 6px 3%; margin: 0 auto 10px auto;border: 1px solid #cccccc; font-size: 1.8em; color: #a1a1a1; outline: none;}*/

.mod_form .form_wrap .hint{ display: none; font-size: 1.4em; line-height: 1em; color: #971012; }
.mod_form .form_wrap .block{ display: block; }

.mod_form .btn{ border:1px solid #415b6f; color:#ffffff; padding:16px 24px; width: 100%; margin-top:20px; }

.mod_form .login_signin{ overflow: hidden; padding: 10px 0; font-size: 1.4em; }
.mod_form .login_signin .link{ padding: 0 20px 0 0; display: inline-block; +display: inline; +zoom: 1; color: #a1a1a1; }

.mod_form .form_wrap .area{ overflow: hidden; }
.mod_form .form_wrap .area select{ width: 32%; margin: 0 auto 10px 2%; padding: 6px 0; float: left; }
.mod_form .form_wrap .area select:first-child{ width: 32%; margin: 0 auto 10px 0; float: left; }

.mod_form textarea{
	resize:none;
	height:4.8em;
	line-height: 1.6em;
}


.mod_form input:focus,
.mod_form textarea:focus{ border: 1px solid #7355ab; }
.mod_form .login_signin .link:hover{ color: #7355ab; }



/* 购物车 */
.mod_shop{ }
.mod_shop .item_list{ margin: 20px 0 0 0; padding:0 10px 10px 10px; overflow: hidden; border-bottom:1px solid #8f8f8f; }
.mod_shop .item_list .item_li{ float: left; position: relative; }
.mod_shop .item_list .item_chk{ width: 10%; height: 100%; position: relative; }
.mod_shop .item_list .item_chk label{ display: block; }
.mod_shop .item_list .item_chk .li_chk{ height: 20px; width: 20px; }
.mod_shop .item_list .item_img{ width: 38.2%; }
.mod_shop .item_list .item_img .img{ width: 100%; max-width: 100%; }
.mod_shop .item_list .item_info{ width: 50%; margin: 0 0 0 1.5%; }
.mod_shop .item_list .item_title{ font-size: 1.8em; color: #444242; }
.mod_shop .item_list .item_amount{ overflow: hidden; margin: 10px 0; font-size: 10px; line-height: 36px; }
.mod_shop .item_list .item_amount a,
.mod_shop .item_list .item_amount input{ display: block; float: right; height: 20px; padding: 8px; margin:0 0 0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #cccccc; color: #a1a1a1; font-size: 1.6em; line-height: 1em; }
.mod_shop .item_list .item_amount a{ }
.mod_shop .item_list .item_amount input{ width: 22px; text-align: center; }
.mod_shop .item_list .item_amount .title{ display: inline-block; margin: 0 2px 0 0; font-size: 1.4em; line-height: 1em; }
.mod_shop .item_list .item_amount .text{ }
.mod_shop .item_list .item_amount .minus{ }
.mod_shop .item_list .item_amount .plus{ }
.mod_shop .item_list .item_parameter{ font-size: 1.6em; }
.mod_shop .item_list .item_parameter .p_list{ position: relative; padding: 2px 0 2px 44px; }
.mod_shop .item_list .item_parameter .p_list .txt_title{ position: absolute; left: 0px; }
.mod_shop .item_list .item_price{ font-size: 1.6em; line-height: 1.6em; color: #971012; }


/* 购物车合计 */
.mod_shop .price_sum{ padding:20px; border-bottom:1px solid #8f8f8f; background: #e5e5e5; font-size: 1.8em; color: #8f8f8f; text-align: right; }
.mod_shop .price_sum .txt{ }
.mod_shop .price_sum strong{ font-size: 1.4em; color: #971012; }
.mod_shop .item_list .item_amount a:hover,
.mod_shop .item_list .item_amount input:hover{ border: 1px solid #7355ab; outline: none; }
.mod_shop .item_list .item_amount a:hover{ background: #7355ab; color: #fff; }
.mod_shop .item_list .item_amount input:focus{ }
.mod_shop .btn_wrap{ width: 100%; clear: both; padding: 40px 0; overflow: hidden; }
.mod_shop .btn_wrap .mod_btn{ width: 45%; margin: 0 2%; float: left; padding: 14px 0; }


/* 订单 */
.mod_order{ }
.mod_order .item_list{ }
.mod_order .item_list .list{ padding:10px; }
.mod_order .item_list .list_hd{ height: 40px; padding:0 10px; line-height: 40px; background:#f5f5f5; }
.mod_order .item_list .list_hd label{ margin: 0 10px; }
.mod_order .item_list .list_hd .chk{ }
.mod_order .item_list .list_hd .time,
.mod_order .item_list .list_hd .number{ margin: 0 10px 0 0; font-size: 1.4em; display: inline-block; }
.mod_order .item_list .list_hd .time{ }
.mod_order .item_list .list_hd .number{ }
.mod_order .item_list .list_info{ overflow: hidden; border-bottom:1px dotted #cccccc; }
.mod_order .item_list .list_info .img_wrap{ float: left; width: 38.2%; }
.mod_order .item_list .list_info .img_wrap .img{ width: 100%; max-width: 100%; }
.mod_order .item_list .list_info .txt_wrap{ margin: 0 0 0 38.2%; padding: 0 0 0 2%; }
.mod_order .item_list .list_info .item_title{ font-size: 1.6em; line-height: 1em; color: #444242; padding: 0 0 10px 0; }
.mod_order .item_list .list_info .item_price{ color: #971012; line-height: 1em; font-size:1.6em; padding:0 0 10px 0; }
.mod_order .item_list .list_info .item_parameter{ }
.mod_order .item_list .list_info .item_parameter .p_list{ padding: 0 0 0 40px; position: relative; line-height: 1.6em; font-size: 1.4em; }
.mod_order .item_list .list_info .item_parameter .txt_title{ position: absolute; left: 0px; }
.mod_order .item_list .price_sum{ text-align: right; }
.mod_order .item_list .price_sum .txt{ }
.mod_order .item_list .price_sum .price{ padding: 0 20px 0 0; font-size:2em; color: #971012; }

/* 选中 */
.mod_order .checked{

}
.mod_order .checked .list_hd{
	background:#7355ab; 
	color: #fff;
}

.mod_order .checked .list_hd .time,
.mod_order .checked .list_hd .number{

}

.mod_order .btn_wrap{ width: 100%; clear: both; padding: 40px 0; overflow: hidden; }
.mod_order .btn_wrap .mod_btn{ width: 45%; margin: 0 2%; float: left; padding: 14px 0; }




/* 列表样式1 */
.mod_liststyle_1 .list_wrap{ }
.mod_liststyle_1 .list_wrap .list_title,
.mod_liststyle_1 .list_wrap .list{ padding: 10px 20px; }
.mod_liststyle_1 .list_wrap .list_title{ font-size: 1.8em; color: #415b6f; padding: 20px 20px; background: #f7f7f7; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; }


/* 弹出层 */
.mod_pophint_bg{
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.mod_pophint{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	width: 80%;
	height: 40%;

	border-top:4px solid #8f8f8f;

	border-top:4px solid #7355ab;

	background: rgba(255,255,255,.8);
	box-shadow: 0 0px 4px 0px rgba(0,0,0,.4);
}

.mod_pophint .title{
	padding: 10px 20px;
	
	border-top:1px solid #7355ab;

	font-size: 2em;
	color: #000;
}
.mod_pophint .hint_txt{
	
}
.mod_pophint .btn_wrap{
	
}

.mod_pophint .btn_wrap .btn{
	
}

/* web组件 */



/* 按钮 */
.mod_btn{  background:#415b6f; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b184d1', endColorstr='#7355ab',GradientType=0); background-color:#415b6f; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px; border:1px solid #415b6f; padding:16px 24px; display:inline-block; +display:inline; +zoom: 1; cursor:pointer; color:#ffffff; font-size:1.6em; line-height: 1em; text-align: center; text-shadow:1px 1px 1px #000; }
.mod_btn:hover {  }
.mod_btn:active{ position:relative; top:1px; }

/*.mod_btn:active{
	-moz-box-shadow:inset 0px 1px 0px 0px #dab8f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dab8f2;
	box-shadow:inset 0px 1px 0px 0px #dab8f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b184d1), color-stop(1, #7355ab));
	background:-moz-linear-gradient(top, #b184d1 5%, #7355ab 100%);
	background:-webkit-linear-gradient(top, #b184d1 5%, #7355ab 100%);
	background:-o-linear-gradient(top, #b184d1 5%, #7355ab 100%);
	background:-ms-linear-gradient(top, #b184d1 5%, #7355ab 100%);
	background:linear-gradient(to bottom, #b184d1 5%, #7355ab 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b184d1', endColorstr='#7355ab',GradientType=0);
	background-color:#b184d1;
}*/

/* 单选 */
.mod_radio{

}
.mod_radio .radio_wrap{
	padding: 10px 5%;
}
.mod_radio .radio_wrap .radio_label{
	display: block;
	padding: 10px 0;
	font-size: 1.6em;
	line-height: 1.8em;
}
.mod_radio .radio_wrap .radio{

}


.mod_radio .radio_wrap .radio .price{

}

.mod_radio .radio_label_pitchon{
	color: #971012;
}


/* 表单 */
select{ color: #a1a1a1; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
select option{ }
select:focus{ border: 1px solid #7355ab; outline: none; }





/* 文字 嵌入式 */
.hint_txt_implant{ display: block; padding: 40px 0; font-size: 2em; font-weight: bold; line-height: 2em; color: #a1a1a1; text-align: center; text-shadow:0px 1px 0px #ffffff; }
.hint_txt_implant .icon{ display: inline-block; margin: 0 10px 0 0; font-size: 1.2em; line-height: 1em; color: #a1a1a1; text-align: center; text-shadow:0px 1px 0px #ffffff; }












/*

	全局
	
	  	  主色 7355ab
	 	  辅色 
    	高亮色 b184d1
    	阴影色 694da7
    	点睛色 e89d32 971012
    	背景色 fff

    	  灰色 a1a1a1
    	深灰色 8f8f8f
    	浅灰色 cccccc
      更灰浅色 f5f5f5

	  字体颜色 

	主标题颜色 7355ab
	副标题颜色 
	  正文颜色 a1a1a1
	
	  过渡颜色

	主标题大小 
	副标题大小 18px
	  正文大小 14px

	主标题行高 
	副标题行高 
	  正文行高 

		  边距
		内填充

*/